<div class="text-left col-left form-horizontal event-item clearfix box">

<?php $form1=$this->beginWidget('CActiveForm', array(
    'id'=>'email-form',
    'enableClientValidation'=>true,
    'clientOptions'=>array(
        'validateOnSubmit'=>true,
    ),
)); ?>
    <h1 style="margin-bottom: 17px;"></h1>
     <aside class="use-tit event-item clearfix ">
    <h2>Thay đổi thông tin tài khoản</h2>
    </aside>
    <p id="use-acc-error" class="warning" style="color:red;display:none;">Bạn điền thông tin chưa đúng</p>
    <div class="form-group">
        <label for="inputEmail3" class="col-sm-3 control-label">Email mới</label>
        <div class="col-sm-8"> 
        <?php echo $form1->textField($model,'newEmail',array('class'=>'form-control','placeholder'=>'Email mới')); ?>
        <?php echo $form1->error($model,'newEmail',array('id'=>"use-mail-error")); ?>
        </div>
    </div>

    <div class="form-group">
        <label for="inputEmail3" class="col-sm-3 control-label">Xác nhận Email</label>
        <div class="col-sm-8">  
        <?php echo $form1->textField($model,'confirmNewEmail',array('class'=>'form-control','placeholder'=>'Nhập lại Email')); ?>
        <?php echo $form1->error($model,'confirmNewEmail',array('id'=>"check-mail-error")); ?>
        </div>
    </div>

    <div class="form-group">
        <label for="inputEmail3" class="col-sm-3 control-label">Tên</label>
        <div class="col-sm-8">   
        <?php echo $form1->textField($model,'username',array('class'=>'form-control')); ?>
        <?php echo $form1->error($model,'username',array('id'=>'use-user-error')); ?>
        </div>
    </div>

    <div class="form-group">
        <label for="inputEmail3" class="col-sm-3 control-label">Mật khẩu</label>
        <div class="col-sm-8">   
        <?php echo $form1->passwordField($model,'currentPassword',array('placeholder'=>'Mật khẩu...','class'=>'form-control')); ?>
        <?php echo $form1->error($model,'currentPassword'); ?>
        </div>
    </div>

    <div class="row buttons">
         <?php echo CHtml::Button("Thay đổi",array('class'=>"btn btn-primary",'id'=>'change_email_info','style'=>"margin-left: 170px;"));
                ?>
    </div>

<?php $this->endWidget(); ?>

</div><!-- form -->
<script type="text/javascript">
    $('#change_email_info').click(function() {
        $.ajax({
                  type: "POST",
                  dataType:'json',
                  url: "<?php echo Yii::app()->createUrl('/Users/profiles/changeEmail');?>",
                  data:$("#email-form").serialize(),
                  beforeSend:function(data) {
                     $("#use-acc-error").hide();
                     $("#use-mail-error").hide();
                     $("#check-mail-error").hide();
                     $("#use-user-error").hide();
                  },  
                  success:function(data){
                            if (data.mail == "mailerror") {
                                $("#use-mail-error").html("Đã tồn tại địa chỉ email");
                                $("#use-mail-error").show();
                                $("#use-acc-error").show();
                            }
                            if(data.checkemail == 'checkerror'){
                                $("#check-mail-error").show();
                                $("#check-mail-error").html("Email không chính xác");
                                $("#use-acc-error").show();
                            }
                            if ( data.status == "rror") {
                                 $("#use-acc-error").show();
                            }
                            if(data.checkuser == "checkusererror"){
                                $("#use-user-error").html("Đã tồn tại tên đăng nhập");
                            }
                            if (data.status == "ok") {
                                $("#use-acc-error").hide();
                                alert("Bạn đã thay đổi thông tin thành công. Phiền bạn đăng nhập trở lại");
                                location.reload();
                            }
                            if(data.status == "notchange"){
                                $("#use-change-info").hide();
                            }
                        },
          });
    });          
</script>